<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>script.aculo.us Demo</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="../../lib/prototype.js" type="text/javascript"></script>
  <script src="../../src/scriptaculous.js" type="text/javascript"></script>
  <script src="../../src/unittest.js" type="text/javascript"></script>
  <style type="text/css" media="screen">
    .inplaceeditor-saving { background: url(wait.gif) bottom right no-repeat; }
  </style>
</head>
<body>
<h1>script.aculo.us Demo</h1>
<p>
  Demo of the Ajax.InPlaceCollectionEditor.
</p>

<p id="tobeedited">three</p> (should autoselect "three")
<script>
new Ajax.InPlaceCollectionEditor(
  'tobeedited', '_ajax_inplaceeditor_result.html', {
  collection: ['one','two','three'],
  ajaxOptions: {method: 'get'} //override so we can use a static for the result
});
</script>


<p id="tobeedited2">two</p> (should autoselect "two")
<script>
new Ajax.InPlaceCollectionEditor(
  'tobeedited2', '_ajax_inplaceeditor_result.html', {
  collection: [[0,'one'],[1,'two'],[2,'three']],
   ajaxOptions: {method: 'get'} //override so we can use a static for the result
});
</script>

<p id="tobeedited3">three</p> (should manually select "one")
<script>
new Ajax.InPlaceCollectionEditor(
  'tobeedited3', '_ajax_inplaceeditor_result.html', {
  collection: [[0,'one'],[1,'two'],[2,'three']],
  value: 0,
  ajaxOptions: {method: 'get'} //override so we can use a static for the result
});
</script>

<p id="tobeedited4">one</p> (should manually select "two")
<script>
new Ajax.InPlaceCollectionEditor(
  'tobeedited4', '_ajax_inplaceeditor_result.html', {
  collection: ['one','two','three'],
  value: 'two',
  ajaxOptions: {method: 'get'} //override so we can use a static for the result
});
</script>

</body>
</html>